<!--股东信息-->
<template>
  <div class="manage-info-container">
    <EmptyIndex :isEmpty="vantListGather.list.length">
      <template #listCon>
        <van-list
          v-model="vantListGather.loading"
          :finished="vantListGather.finished"
          :finished-text="vantListGather.finishedText"
          :offset="vantListGather.offset"
          @load="onLoad"
        >
          <ul class="gs-details">
            <li
              v-for="(item, index) in vantListGather.list"
              :key="index"
              @click.prevent="handleTelecomLicense(index)"
            >
              <div class="left-info">
                <div class="left-info-t">
                  <div class="order-number">{{ index + 1 }}</div>
                  <div class="left-info-t-gs">
                    <h3>{{ item.licenseNumber }}</h3>
                    <p>
                      <span
                        >是否有效：{{ item.isAvailable | isEmptyData }}</span
                      >
                    </p>
                  </div>
                </div>
                <div class="left-info-b">
                  <p>
                    <span>业务及其重要范围：</span>
                    <span>{{ item.businessScope | isEmptyData }}</span>
                  </p>
                </div>
              </div>
              <div class="right-icon">
                <em class="iconfont icon-youjiantou" />
              </div>
            </li>
          </ul>
        </van-list>
      </template>
    </EmptyIndex>
  </div>
</template>

<script>
import EmptyIndex from "@/components/empty";
import { jumpPage } from "@/utils";
import onLoadMixin from "@/mixin/onLoadMixin";
export default {
  name: "ManageInfo",
  components: {
    EmptyIndex,
  },
  mixins: [onLoadMixin],
  data() {
    return {
      pageNum: 1,
    };
  },
  methods: {
    /**
     * 进入电信许可页面
     * @param {*} index 下标
     */
    handleTelecomLicense(index) {
      jumpPage(this, "TelecomLicenseDetails", {
        companyName: this.$route.query.companyName,
        pageNum: this.pageNum,
        index,
      });
    },
  },
};
</script>